<template>
  <section>
    <el-calendar v-model="value">
    </el-calendar>
  </section>
</template>

<script>

export default {
    data () {
        return {
          value: new Date()
        }
    },
    mounted () {

    },
    methods:{

    },
}
</script>

<style lang="less">
    .box-line{
        height: 120px;
        margin-bottom: 15px;
    }
    .box{
        background: white;
        width: 100px;
        height: 120px;
        display: inline-block;
        margin-right: 60px;
        border: 1px solid #eae2e2;
        padding-top: 10px;
        border-radius: 6px;
        text-align: center;
    }
    .box:hover{
        cursor: pointer;
        box-shadow: 3px 3px 3px 3px #e5e8ea;
    }
    .title-line{
        margin-top:12px;
    }
    .title-line-hot{
        width: 70%;
        margin-left: 15%;
        margin-top: 0px;
    }
    h3{
        margin-bottom: 5px;
    }
</style>
